<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="js/respond.min.js"></script>
<script type="text/javascript" src="js/PIE_IE678.js"></script>
<![endif]-->
		<link type="text/css" rel="stylesheet" href="css/H-ui.css" />
		<link type="text/css" rel="stylesheet" href="css/H-ui.admin.css" />
		<link type="text/css" rel="stylesheet" href="font/font-awesome.min.css" />
		<!--[if IE 7]>
<link href="font/font-awesome-ie7.min.css" rel="stylesheet" type="text/css" />
<![endif]-->
		<title>用户管理</title>
		<style type="text/css">
				.paginate_button{
					float: right;
					position: relative;
					right: 500px;
					margin: 5px 20px;
				}
		</style>
	</head>
	<body>
		<nav class="Hui-breadcrumb"><i class="icon-home"></i> 首页 <span class="c-gray en">&gt;</span> 用户中心 <span class="c-gray en">&gt;</span>
			用户管理 <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);"
			 title="刷新"><i class="icon-refresh"></i></a></nav>
		<div class="pd-20">
			<div class="text-c"> 日期范围：
				<input type="text" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'datemax\')||\'%y-%M-%d\'}'})" id="datemin" class="input-text Wdate"
				 style="width:120px;">
				-
				<input type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'datemin\')}',maxDate:'%y-%M-%d'})" id="datemax" class="input-text Wdate"
				 style="width:120px;">
				<input type="text" class="input-text" style="width:250px" placeholder="输入会员名称、电话、邮箱" id="" name=""><button type="submit"
				 class="btn btn-success" id="" name=""><i class="icon-search"></i> 搜用户</button>

			</div>
			<div class="cl pd-5 bg-1 bk-gray mt-20">
				<span class="l"><a href="javascript:;" onClick="datadel()" class="btn btn-danger radius"><i class="icon-trash"></i>
						批量删除</a>
					<a href="javascript:;" onClick="user_add('550','','添加用户','user-add.jsp')" class="btn btn-primary radius"><i class="icon-plus"></i>
						添加用户</a></span>
				<span class="r">共有数据：<strong>88</strong> 条</span>
			</div>
			<table class="table table-border table-bordered table-hover table-bg table-sort">
				<thead>
					<tr class="text-c">
						<th width="25"><input type="checkbox" name="" value=""></th>
						<th width="80">ID</th>
						<th width="100">用户名</th>
						<th width="40">性别</th>
						<th width="90">手机</th>
						<th width="150">邮箱</th>
						<th width="">地址</th>
						<th width="130">加入时间</th>
						<th width="70">状态</th>
						<th width="100">操作</th>
					</tr>
				</thead>
				<tbody>
					<tr class="text-c">
						<td><input type="checkbox" value="1" name=""></td>
						<td>1</td>

						<td><u style="cursor:pointer" class="text-primary" onclick="user_show('10001','360','','张三','user-show.jsp')">张三</u></td>
						<td>男</td>
						<td>13000000000</td>
						<td>admin@mail.com</td>
						<td class="text-l">北京市 海淀区</td>
						<td>2014-6-11 11:11:42</td>
						<td class="user-status"><span class="label label-success">已启用</span></td>
						<td class="f-14 user-manage"><a style="text-decoration:none" onClick="user_stop(this,'10001')" href="javascript:;"
							 title="停用"><i class="icon-hand-down"></i></a> <a title="编辑" href="javascript:;" onClick="user_edit('4','550','','编辑','user-add.jsp')"
							 class="ml-5" style="text-decoration:none"><i class="icon-edit"></i></a> <a style="text-decoration:none" class="ml-5"
							 onClick="user_password_edit('10001','370','228','修改密码','user-password-edit.jsp')" href="javascript:;" title="修改密码"><i
								 class="icon-key"></i></a> <a title="删除" href="javascript:;" onClick="user_del(this,'1')" class="ml-5" style="text-decoration:none"><i
								 class="icon-trash"></i></a></td>
					</tr>
				</tbody>
			</table>
			
			<!-- layUI 分页模块 -->
			<div id="pages">
				<div class="row">
					<div class="col-sm-5 col-md-5">
						<div class="dataTables_info" id="datatable-responsive_info" role="status" aria-live="polite">共10条记录1/1页</div>
					</div>
					<div class="col-sm-7 col-md-7">
						<div class="dataTables_paginate paging_simple_numbers" id="datatable-responsive_paginate">
							<ul class="pagination">
								<li class="paginate_button previous"><a href="searchDetail?pageNo=1&queryTitle=${queryTitle }&ntid=${ntid}"
									 aria-controls="datatable-responsive" data-dt-idx="0" tabindex="0">首页</a></li>
								<c:if test="${bean.currPageNo gt 1 }">
									<li class="paginate_button"><a href="searchDetail?pageNo=${bean.currPageNo - 1 }&queryTitle=${queryTitle }&ntid=${ntid}"
										 aria-controls="datatable-responsive" data-dt-idx="1" tabindex="0">上一页</a></li>
								</c:if>
								<c:if test="${bean.currPageNo lt bean.totalPageCount }">
									<li class="paginate_button"><a href="searchDetail?pageNo=${bean.currPageNo + 1 }&queryTitle=${queryTitle }&ntid=${ntid}"
										 aria-controls="datatable-responsive" data-dt-idx="1" tabindex="0">下一页</a></li>
								</c:if>
								<li class="paginate_button next"><a href="searchDetail?pageNo=${bean.totalPageCount }&queryTitle=${queryTitle }&ntid=${ntid}"
									 aria-controls="datatable-responsive" data-dt-idx="7" tabindex="0">最后一页</a></li>
							</ul>

							<li><input size="5" type="hidden" id="inputPage" />
								<button type="hidden" onclick="jump_to(document.getElementById('inputPage').value)"></button>
							</li>
							<input type="hidden" id="totalPageCount" value="${bean.totalPageCount}" />
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="layer/layer.min.js"></script>
		<script type="text/javascript" src="js/pagenav.cn.js"></script>
		<script type="text/javascript" src="js/H-ui.js"></script>
		<script type="text/javascript" src="plugin/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
		<script type="text/javascript" src="js/H-ui.admin.js"></script>
		<script type="text/javascript">
			/* window.onload = (function() {
				// optional set
				pageNav.pre = "&lt;上一页";
				pageNav.next = "下一页&gt;";
				// p,当前页码,pn,总页面
				pageNav.fn = function(p, pn) {
					$("#pageinfo").text("当前页:" + p + " 总页: " + pn);
				};
				//重写分页状态,跳到第三页,总页33页
				pageNav.go(1, 13);
			});
			$('.table-sort').dataTable({
				"lengthMenu": false, //显示数量选择 
				"bFilter": false, //过滤功能
				"bPaginate": false, //翻页信息
				"bInfo": false, //数量信息
				"aaSorting": [
					[1, "desc"]
				], //默认第几个排序
				"bStateSave": true, //状态保存
				"aoColumnDefs": [
					//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
					{
						"orderable": false,
						"aTargets": [0, 8, 9]
					} // 制定列不参与排序
				]
			}); */
		</script>

	</body>
</html>

